<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" >
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
	<title>新闻详情</title>
	<link href="/css/style.css" rel="stylesheet" type="text/css" />
	<link href="/iconfont/iconfont.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <div class="content con-detail">
  	<div class="top-nav">
  		<ul class="clearfix">
  			<li><span><i class="iconfont">&#xe61d;</i>全部分类</span></li>
  			<li><span><i class="iconfont">&#xe601;</i>点赞排序</span></li>
  			<li><span><i class="iconfont">&#xe616;</i>我DIY的</span></li>
  		</ul>
  	</div>
  	<div class="detail_box">
  		<div class="con">
  			<h2 class="title" th:text="${newsDetail.title}"></h2>
  			<p><img th:src="${newsDetail.image}"></p>
			<div th:utext="${newsDetail.content}"></div>
  		</div>
  		<div class="info clearfix">
			<span class="author"><img src="/images/lxyh_avatar.jpg"><span th:text="${newsDetail.nickname}"></span></span>
			<!--<span class="zan"><i class="iconfont">&#xe600;</i>298人点赞</span>-->
			<!--<span class="collect"><i class="iconfont">&#xe605;</i>收藏</span>-->
		</div>
  	</div> 
  	<div class="user_card clearfix">
  		<i class="icon icon-left"></i>
  		<i class="icon icon-right"></i>
  	 	<div class="item pic">
  	 		<div class="userimg"><img src="/images/lxyh_avatar.jpg"></div>
  	 		<div class="username">留夏映画</div>
  	 	</div>
  	 	<div class="item info">
  	 		<div class="tel">联系电话:<br />0532-8898 4336</div>
  	 		<!--<div class="signature">个性签名：</div>-->
  	 		<p class="signature_txt">留住青春、留住你</p>
  	 	</div>
  	 	<div class="item code">
  	 		<div class="codeimg"><img src="/images/code.jpg"></div>
  	 	</div>
  	 </div>
  </div>


  <footer id="footer" class="foot">
	  <ul>
		  <li class="active">
			  <a href="/">
				  <span class="img"><img src="/images/nav1.png"></span>
				  <p>首页</p>
			  </a>
		  </li>
		  <li>
			  <a href="/hot/index">
				  <span class="img"><img src="/images/nav2.png"></span>
				  <p>动态</p>
			  </a>
		  </li>
		  <li>
			  <a href="/order/index">
				  <span class="img"><img src="/images/nav3.png"></span>
				  <p>预约</p>
			  </a>
		  </li>
		  <li >
			  <a href="/user/index">
				  <span class="img"><img src="/images/nav4.png"></span>
				  <p>我的</p>
			  </a>
		  </li>
	  </ul>
  </footer>
</body>
</html>
